<template>
    
    <!-- <p>热门推荐</p>
    <p>新歌推荐</p>
    <p>歌曲榜单</p>
    <p>新碟上架</p> -->
    <div class="content">
        <RouterLink to="/find/discover">热门推荐</RouterLink>
        <RouterLink to="/find/toplist">排行榜</RouterLink>
        <RouterLink to="/find/playlist">歌单</RouterLink>
        <RouterLink to="/find/djradio">主播电台</RouterLink>
    </div>
    <div class="ftoor">
        <RouterView></RouterView>
    </div>

</template>
<script setup>


</script>
<style scoped>
.content {
    display: flex;
    justify-content: space-evenly;
    padding-left: 50px;
    background-color: brown;
    height: 25px;
    a{
        color:aliceblue;
        font-weight: 700;
       
        font-size: 15px;
        text-decoration: none;
        /* padding-left: 50px; */
        text-align: center;
        align-items: center;
        padding-top: 5px;
        border: 1px solid rgb(161, 7, 25);
    }
}

</style>